<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit"/><!-- 让360浏览器默认选择webkit内核 -->
    <!-- 全局css -->
    <link rel="shortcut icon" href="${ctxPath}/static/favicon.ico">
    <link href="${ctxPath}/static/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="${ctxPath}/static/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="${ctxPath}/static/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/plugins/validate/bootstrapValidator.min.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/animate.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="${ctxPath}/static/css/_fstyle.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/plugins/webuploader/webuploader.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/plugins/ztree/zTreeStyle.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/plugins/jquery-treegrid/css/jquery.treegrid.css" rel="stylesheet"/>
    <link href="${ctxPath}/static/css/style_buyer.css?v=4.1.0" rel="stylesheet">
    <link href="${ctxPath}/static/css/layout.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/media.css" rel="stylesheet">
    <style>
        .wrapper-content{
            padding:5px;
        }
    </style>
    <!-- 全局js -->
    <script src="${ctxPath}/static/js/jquery.min.js?v=2.1.4"></script>
    <script src="${ctxPath}/static/js/bootstrap.min.js?v=3.3.6"></script>
    <script src="${ctxPath}/static/js/plugins/ztree/jquery.ztree.all.min.js"></script>
    <script src="${ctxPath}/static/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="${ctxPath}/static/js/plugins/validate/bootstrapValidator.min.js"></script>
    <script src="${ctxPath}/static/js/plugins/validate/zh_CN.js"></script>
    <script src="${ctxPath}/static/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="${ctxPath}/static/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="${ctxPath}/static/js/plugins/jquery-treegrid/js/jquery.treegrid.min.js"></script>
    <script src="${ctxPath}/static/js/plugins/jquery-treegrid/js/jquery.treegrid.bootstrap3.js"></script>
    <script src="${ctxPath}/static/js/plugins/jquery-treegrid/extension/jquery.treegrid.extension.js"></script>
    <script src="${ctxPath}/static/js/plugins/layer/layer.min.js"></script>
    <script src="${ctxPath}/static/js/plugins/iCheck/icheck.min.js"></script>
    <script src="${ctxPath}/static/js/plugins/layer/laydate/laydate.js"></script>
    <script src="${ctxPath}/static/js/plugins/webuploader/webuploader.min.js"></script>
    <script src="${ctxPath}/static/js/common/ajax-object.js"></script>
    <script src="${ctxPath}/static/js/common/bootstrap-table-object.js"></script>
    <script src="${ctxPath}/static/js/common/tree-table-object.js"></script>
    <script src="${ctxPath}/static/js/common/web-upload-object.js"></script>
    <script src="${ctxPath}/static/js/common/ztree-object.js"></script>
    <script src="${ctxPath}/static/js/common/Feng.js"></script>


    <script type="text/javascript">
        Feng.addCtx("${ctxPath}");
        Feng.sessionTimeoutRegistry();
    </script>
</head>

<body class="gray-bg">

<style>
    .nav > li.active{
        border-left:0px;
    }
    .navbar{
        margin-bottom:0px;
    }
</style>
<!--top-->
<div class="top">
    <div class="wrapper clearfix">
        <div class="logoPart pull-left">
            <div class="logo-box clearfix">
                <img src="${ctxPath}/static/img/bookbuyerLogo.png" class="pull-left logo-pic" alt="" />
                <span class="bookBuyerSystem pull-left">图书买手系统</span>
            </div>
        </div>
        <div class="greeting pull-right">
            <ul class="list-inline menu">
                <li class="user"><i></i><span>${shiro.getUser().name}</span>,欢迎使用BookBuyer！</li>
                <li class="home"><a href="${ctxPath}/"><i></i>首页</a></li>
                <li class="task"><a href="javascript;"><i></i>新任务</a></li>
            </ul>
        </div>
    </div>
</div>
<!--nav-->
<div class="nav">
    <ul class="nav-menu wrapper clearfix">
        @for(title in titles){
            @if(tool.isEmpty(title.children)){
            <li><a  href="${ctxPath}${title.url}">${title.name}</a></li>
            @}else{
            <li>
                <a  href="javascript:;">${title.name}</a>
                <ul class="sub-nav">
                    @for(subTitle in title.children){
                    @if(tool.isEmpty(subTitle.children)){
                    <li><a  href="${ctxPath}${subTitle.url}">${subTitle.name}</a></li>
                    @}else{
                    <li>
                        <a  href="javascript:;">${subTitle.name}<span>＋</span></a>
                        <ul class="sub-nav-2">
                            @for(subTitle2 in subTitle.children){
                            <li><a  href="${ctxPath}${subTitle2.url}">${subTitle2.name}</a></li>
                            @}
                        </ul>
                    </li>
                    @}
                    @}
                </ul>
            </li>
            @}
        @}

    </ul>
</div>
<div class="wrapper wrapper-content animated fadeInRight">
    ${layoutContent}
</div>
<script type="text/javascript">

</script>
</body>
</html>
